<template>
	<div class="main">
		<div class="main-content">
			<div class="main-content-one">
				<div class="main-content-one-left">
					<img src="@/assets/images/wechat/student/consumerecord/1.png" />
				</div>
				<div class="main-content-one-mid">
					<div class="main-content-one-mid-top">
						打赏消费
					</div>
					<div class="main-content-one-mid-bottom">
						2020年11月18日 00:00
					</div>
				</div>
				<div class="main-content-one-end">
					-21.50
				</div>
			</div>
			<div class="main-content-one">
				<div class="main-content-one-left">
					<img src="@/assets/images/wechat/student/consumerecord/1.png" />
				</div>
				<div class="main-content-one-mid">
					<div class="main-content-one-mid-top">
						打赏消费
					</div>
					<div class="main-content-one-mid-bottom">
						2020年11月18日 00:00
					</div>
				</div>
				<div class="main-content-one-end">
					-21.50
				</div>
			</div>
		</div>
	</div>
</template>
<script>

	export default {
		components: {
			
		},
		data() {
			return {
				baseUrl:process.env.VUE_APP_BASE_API
			}
		},
		created: function() {
			
		},
		beforeMount: function() {
			
		},
		mounted: function() {
			
		},
		methods: {
			
		}
	}
</script>
<style lang="scss" scoped>
	.main{
		width: 100%;
		height: 100vh;
		overflow: auto;
		.main-content{
			margin-left: 12px;
			margin-right: 12px;
			
			
			.main-content-one{
				width: 100%;
				margin-top:16px;
				display:flex;
				
				border-bottom:1px  dashed black;
				.main-content-one-left{
					width: 32px;
					height: 32px;
					margin-bottom:16px;
					>img{
						width: 100%;
						height: 100%;
					}
					
				}
				.main-content-one-mid{
					flex: 1;
					height: 27px;
					margin-left:7px;
					.main-content-one-mid-top{
						width: 53px;
						height: 13px;
						font-size:13px;
						color: #3A3D40;
					}
					.main-content-one-mid-bottom{
						font-size: 9px;
						margin-top: 4px;
						
					}
				}
				.main-content-one-end{
					width: 50px;
					height: 12px;
					margin-top: 6px;
					font-size: 16px;
				}
			}
		}
		
	}
</style>